<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>Centaurus - Bootstrap Admin Template</title>

		<script type="text/javascript">
			//<![CDATA[
			try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:1419364062,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok2v=1613a3a185/"},atok:"1fca8a26fb9678bbb4b5c54c34e227b9",petok:"657cb5757ed767a8e60af5c2b404354f13000280-1420554010-1800",zone:"adbee.technology",rocket:"0",apps:{"ga_key":{"ua":"UA-49262924-2","ga_bs":"2"}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok2v=919620257c/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
			//]]>
		</script>
		<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css" />

		<script src="js/demo-rtl.js"></script>

		<link rel="stylesheet" type="text/css" href="css/libs/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/libs/nanoscroller.css" />

		<link rel="stylesheet" type="text/css" href="css/compiled/theme_styles.css" />

		<link rel="stylesheet" type="text/css" href="css/libs/nifty-component.css" />

		<link type="image/x-icon" href="favicon.png" rel="shortcut icon" />

		<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'>
		<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
		<script type="text/javascript">
			/* <![CDATA[ */
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-49262924-2']);
			_gaq.push(['_trackPageview']);
			
			(function() {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
			
			(function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
			/* ]]> */
		</script>
	</head>

	<body>

		<div class="md-modal md-effect-1" id="modal-1">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-2" id="modal-2">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-3" id="modal-3">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-4" id="modal-4">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-5" id="modal-5">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-6" id="modal-6">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-7" id="modal-7">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-8" id="modal-8">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-9" id="modal-9">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-10" id="modal-10">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-11" id="modal-11">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-13" id="modal-13">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-14" id="modal-14">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>
		<div class="md-modal md-effect-15" id="modal-15">
			<div class="md-content">
				<div class="modal-header">
					<button class="md-close close">&times;</button>
					<h4 class="modal-title">Modal title</h4>
				</div>
				<div class="modal-body">
					<form role="form">
						<div class="form-group">
							<label for="exampleInputEmail1">Email address</label>
							<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">Password</label>
							<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
						</div>
						<div class="form-group">
							<label for="exampleTextarea">Textarea</label>
							<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
						</div>
						<div class="form-inline form-inline-box">
							<div class="form-group">
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<select class="form-control">
									<option>Active</option>
									<option>Inactive</option>
								</select>
							</div>
							<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary">Save changes</button>
				</div>
			</div>
		</div>

		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">Modal title</h4>
					</div>
					<div class="modal-body">
						<form role="form">
							<div class="form-group">
								<label for="exampleInputEmail1">Email address</label>
								<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
							</div>
							<div class="form-group">
								<label for="exampleInputPassword1">Password</label>
								<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
							</div>
							<div class="form-group">
								<label for="exampleTextarea">Textarea</label>
								<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
							</div>
							<div class="form-inline form-inline-box">
								<div class="form-group">
									<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
								</div>
								<div class="form-group">
									<select class="form-control">
										<option>Active</option>
										<option>Inactive</option>
									</select>
								</div>
								<button type="submit" class="btn btn-link"><i class="fa fa-eye"></i> Preview</button>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						<button type="button" class="btn btn-primary">Save changes</button>
					</div>
				</div>
			</div>
		</div>
		<div id="theme-wrapper">
			<header class="navbar" id="header-navbar">
				<div class="container">
					<a href="index.html" id="logo" class="navbar-brand">
						<img src="img/logo.png" alt="" class="normal-logo logo-white" />
						<img src="img/logo-black.png" alt="" class="normal-logo logo-black" />
						<img src="img/logo-small.png" alt="" class="small-logo hidden-xs hidden-sm hidden" />
					</a>
					<div class="clearfix">
						<button class="navbar-toggle" data-target=".navbar-ex1-collapse" data-toggle="collapse" type="button">
							<span class="sr-only">Toggle navigation</span>
							<span class="fa fa-bars"></span>
						</button>
						<div class="nav-no-collapse navbar-left pull-left hidden-sm hidden-xs">
							<ul class="nav navbar-nav pull-left">
								<li>
									<a class="btn" id="make-small-nav">
										<i class="fa fa-bars"></i>
									</a>
								</li>
							</ul>
						</div>
						<div class="nav-no-collapse pull-right" id="header-nav">
							<ul class="nav navbar-nav pull-right">
								<li class="mobile-search">
									<a class="btn">
										<i class="fa fa-search"></i>
									</a>
									<div class="drowdown-search">
										<form role="search">
											<div class="form-group">
												<input type="text" class="form-control" placeholder="Search...">
												<i class="fa fa-search nav-search-icon"></i>
											</div>
										</form>
									</div>
								</li>
								<li class="dropdown hidden-xs">
									<a class="btn dropdown-toggle" data-toggle="dropdown">
										<i class="fa fa-warning"></i>
										<span class="count">8</span>
									</a>
									<ul class="dropdown-menu notifications-list">
										<li class="pointer">
											<div class="pointer-inner">
												<div class="arrow"></div>
											</div>
										</li>
										<li class="item-header">You have 6 new notifications</li>
										<li class="item">
											<a href="#">
												<i class="fa fa-comment"></i>
												<span class="content">New comment on ‘Awesome P...</span>
												<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
											</a>
										</li>
										<li class="item">
											<a href="#">
												<i class="fa fa-plus"></i>
												<span class="content">New user registration</span>
												<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
											</a>
										</li>
										<li class="item">
											<a href="#">
												<i class="fa fa-envelope"></i>
												<span class="content">New Message from George</span>
												<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
											</a>
										</li>
										<li class="item">
											<a href="#">
												<i class="fa fa-shopping-cart"></i>
												<span class="content">New purchase</span>
												<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
											</a>
										</li>
										<li class="item">
											<a href="#">
												<i class="fa fa-eye"></i>
												<span class="content">New order</span>
												<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
											</a>
										</li>
										<li class="item-footer">
											<a href="#">
View all notifications
</a>
										</li>
									</ul>
								</li>
								<li class="dropdown hidden-xs">
									<a class="btn dropdown-toggle" data-toggle="dropdown">
										<i class="fa fa-envelope-o"></i>
										<span class="count">16</span>
									</a>
									<ul class="dropdown-menu notifications-list messages-list">
										<li class="pointer">
											<div class="pointer-inner">
												<div class="arrow"></div>
											</div>
										</li>
										<li class="item first-item">
											<a href="#">
												<img src="img/samples/messages-photo-1.png" alt="" />
												<span class="content">
<span class="content-headline">
George Clooney
</span>
												<span class="content-text">
Look, just because I don't be givin' no man a foot massage don't make it
right for Marsellus to throw...
</span>
												</span>
												<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
											</a>
										</li>
										<li class="item">
											<a href="#">
												<img src="img/samples/messages-photo-2.png" alt="" />
												<span class="content">
<span class="content-headline">
Emma Watson
</span>
												<span class="content-text">
Look, just because I don't be givin' no man a foot massage don't make it
right for Marsellus to throw...
</span>
												</span>
												<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
											</a>
										</li>
										<li class="item">
											<a href="#">
												<img src="img/samples/messages-photo-3.png" alt="" />
												<span class="content">
<span class="content-headline">
Robert Downey Jr.
</span>
												<span class="content-text">
Look, just because I don't be givin' no man a foot massage don't make it
right for Marsellus to throw...
</span>
												</span>
												<span class="time"><i class="fa fa-clock-o"></i>13 min.</span>
											</a>
										</li>
										<li class="item-footer">
											<a href="#">
View all messages
</a>
										</li>
									</ul>
								</li>
								<li class="hidden-xs">
									<a class="btn">
										<i class="fa fa-cog"></i>
									</a>
								</li>
								<li class="dropdown profile-dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">
										<img src="img/samples/scarlet-159.png" alt="" />
										<span class="hidden-xs">Scarlett Johansson</span> <b class="caret"></b>
									</a>
									<ul class="dropdown-menu">
										<li><a href="user-profile.html"><i class="fa fa-user"></i>Profile</a>
										</li>
										<li><a href="#"><i class="fa fa-cog"></i>Settings</a>
										</li>
										<li><a href="#"><i class="fa fa-envelope-o"></i>Messages</a>
										</li>
										<li><a href="#"><i class="fa fa-power-off"></i>Logout</a>
										</li>
									</ul>
								</li>
								<li class="hidden-xxs">
									<a class="btn">
										<i class="fa fa-power-off"></i>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</header>
			<div id="page-wrapper" class="container">
				<div class="row">
					<div id="nav-col">
						<section id="col-left" class="col-left-nano">
							<div id="col-left-inner" class="col-left-nano-content">
								<div id="user-left-box" class="clearfix hidden-sm hidden-xs">
									<img alt="" src="img/samples/scarlet-159.png" />
									<div class="user-box">
										<span class="name">
Welcome<br/>
Scarlett
</span>
										<span class="status">
<i class="fa fa-circle"></i> Online
</span>
									</div>
								</div>
								<div class="collapse navbar-collapse navbar-ex1-collapse" id="sidebar-nav">
									<ul class="nav nav-pills nav-stacked">
										<li>
											<a href="index.html">
												<i class="fa fa-dashboard"></i>
												<span>Dashboard</span>
												<span class="label label-info label-circle pull-right">28</span>
											</a>
										</li>
										<li>
											<a href="#" class="dropdown-toggle">
												<i class="fa fa-table"></i>
												<span>Tables</span>
												<i class="fa fa-chevron-circle-right drop-icon"></i>
											</a>
											<ul class="submenu">
												<li>
													<a href="tables.html">
Simple
</a>
												</li>
												<li>
													<a href="tables-advanced.html">
Advanced
</a>
												</li>
												<li>
													<a href="users.html">
Users
</a>
												</li>
											</ul>
										</li>
										<li>
											<a href="#" class="dropdown-toggle">
												<i class="fa fa-envelope"></i>
												<span>Email</span>
												<i class="fa fa-chevron-circle-right drop-icon"></i>
											</a>
											<ul class="submenu">
												<li>
													<a href="email-inbox.html">
Inbox
</a>
												</li>
												<li>
													<a href="email-detail.html">
Detail
</a>
												</li>
												<li>
													<a href="email-compose.html">
Compose
</a>
												</li>
											</ul>
										</li>
										<li>
											<a href="#" class="dropdown-toggle">
												<i class="fa fa-bar-chart-o"></i>
												<span>Graphs</span>
												<i class="fa fa-chevron-circle-right drop-icon"></i>
											</a>
											<ul class="submenu">
												<li>
													<a href="graphs-morris.html">
Morris &amp; Mixed
</a>
												</li>
												<li>
													<a href="graphs-flot.html">
Flot
</a>
												</li>
												<li>
													<a href="graphs-dygraphs.html">
Dygraphs
</a>
												</li>
												<li>
													<a href="graphs-xcharts.html">
xCharts
</a>
												</li>
											</ul>
										</li>
										<li>
											<a href="widgets.html">
												<i class="fa fa-th-large"></i>
												<span>Widgets</span>
												<span class="label label-success pull-right">New</span>
											</a>
										</li>
										<li>
											<a href="#" class="dropdown-toggle">
												<i class="fa fa-desktop"></i>
												<span>Pages</span>
												<i class="fa fa-chevron-circle-right drop-icon"></i>
											</a>
											<ul class="submenu">
												<li>
													<a href="calendar.html">
Calendar
</a>
												</li>
												<li>
													<a href="gallery.html">
Gallery
</a>
												</li>
												<li>
													<a href="gallery-v2.html">
Gallery v2
</a>
												</li>
												<li>
													<a href="pricing.html">
Pricing
</a>
												</li>
												<li>
													<a href="projects.html">
Projects
</a>
												</li>
												<li>
													<a href="team-members.html">
Team Members
</a>
												</li>
												<li>
													<a href="timeline.html">
Timeline
</a>
												</li>
												<li>
													<a href="timeline-grid.html">
Timeline Grid
</a>
												</li>
												<li>
													<a href="user-profile.html">
User Profile
</a>
												</li>
												<li>
													<a href="search.html">
Search Results
</a>
												</li>
												<li>
													<a href="invoice.html">
Invoice
</a>
												</li>
												<li>
													<a href="intro.html">
Tour Layout
</a>
												</li>
											</ul>
										</li>
										<li>
											<a href="#" class="dropdown-toggle">
												<i class="fa fa-edit"></i>
												<span>Forms</span>
												<i class="fa fa-chevron-circle-right drop-icon"></i>
											</a>
											<ul class="submenu">
												<li>
													<a href="form-elements.html">
Elements
</a>
												</li>
												<li>
													<a href="x-editable.html">
X-Editable
</a>
												</li>
												<li>
													<a href="form-wizard.html">
Wizard
</a>
												</li>
												<li>
													<a href="form-wizard-popup.html">
Wizard popup
</a>
												</li>
												<li>
													<a href="form-wysiwyg.html">
WYSIWYG
</a>
												</li>
												<li>
													<a href="form-summernote.html">
WYSIWYG Summernote
</a>
												</li>
												<li>
													<a href="form-ckeditor.html">
WYSIWYG CKEditor
</a>
												</li>
												<li>
													<a href="form-dropzone.html">
Multiple File Upload
</a>
												</li>
											</ul>
										</li>
										<li class="open active">
											<a href="#" class="dropdown-toggle">
												<i class="fa fa-desktop"></i>
												<span>UI Kit</span>
												<i class="fa fa-chevron-circle-right drop-icon"></i>
											</a>
											<ul class="submenu">
												<li>
													<a href="ui-elements.html">
Elements
</a>
												</li>
												<li>
													<a href="notifications.html">
Notifications &amp; Alerts
</a>
												</li>
												<li>
													<a href="modals.html" class="active">
Modals
</a>
												</li>
												<li>
													<a href="video.html">
Video
</a>
												</li>
												<li>
													<a href="#" class="dropdown-toggle">
Icons
<i class="fa fa-chevron-circle-right drop-icon"></i>
</a>
													<ul class="submenu">
														<li>
															<a href="icons-awesome.html">
Awesome Icons
</a>
														</li>
														<li>
															<a href="icons-halflings.html">
Halflings Icons
</a>
														</li>
													</ul>
												</li>
												<li>
													<a href="ui-nestable.html">
Nestable List
</a>
												</li>
												<li>
													<a href="typography.html">
Typography
</a>
												</li>
												<li>
													<a href="#" class="dropdown-toggle">
3 Level Menu
<i class="fa fa-chevron-circle-right drop-icon"></i>
</a>
													<ul class="submenu">
														<li>
															<a href="#">
3rd Level
</a>
														</li>
														<li>
															<a href="#">
3rd Level
</a>
														</li>
														<li>
															<a href="#">
3rd Level
</a>
														</li>
													</ul>
												</li>
											</ul>
										</li>
										<li>
											<a href="maps.html">
												<i class="fa fa-map-marker"></i>
												<span>Google Maps</span>
												<span class="label label-danger pull-right">Updated</span>
											</a>
										</li>
										<li>
											<a href="#" class="dropdown-toggle">
												<i class="fa fa-file-text-o"></i>
												<span>Extra pages</span>
												<i class="fa fa-chevron-circle-right drop-icon"></i>
											</a>
											<ul class="submenu">
												<li>
													<a href="faq.html">
FAQ
</a>
												</li>
												<li>
													<a href="emails.html">
Email Templates
</a>
												</li>
												<li>
													<a href="login.html">
Login
</a>
												</li>
												<li>
													<a href="login-full.html">
Login Full
</a>
												</li>
												<li>
													<a href="registration.html">
Registration
</a>
												</li>
												<li>
													<a href="registration-full.html">
Registration Full
</a>
												</li>
												<li>
													<a href="forgot-password.html">
Forgot Password
</a>
												</li>
												<li>
													<a href="forgot-password-full.html">
Forgot Password Full
</a>
												</li>
												<li>
													<a href="lock-screen.html">
Lock Screen
</a>
												</li>
												<li>
													<a href="lock-screen-full.html">
Lock Screen Full
</a>
												</li>
												<li>
													<a href="error-404.html">
Error 404
</a>
												</li>
												<li>
													<a href="error-404-v2.html">
Error 404 Nested
</a>
												</li>
												<li>
													<a href="error-500.html">
Error 500
</a>
												</li>
												<li>
													<a href="extra-grid.html">
Grid
</a>
												</li>
											</ul>
										</li>
									</ul>
								</div>
							</div>
						</section>
					</div>
					<div id="content-wrapper">
						<div class="row">
							<div class="col-lg-12">
								<div class="row">
									<div class="col-lg-12">
										<ol class="breadcrumb">
											<li><a href="#">Home</a>
											</li>
											<li class="active"><span>Modals</span>
											</li>
										</ol>
										<h1>Modals</h1>
									</div>
								</div>
								<div class="row">
									<div class="col-lg-12">
										<div class="main-box clearfix">
											<header class="main-box-header clearfix">
												<h2>Nifty Modal with Effects</h2>
											</header>
											<div class="main-box-body clearfix">
												<p>
													Some inspiration for different modal window appearances. There are many possibilities for modal overlays to appear. Here are some modern ways of showing them using CSS transitions and animations.
												</p>
												<a data-toggle="modal" href="#myModal" class="btn btn-primary mrg-b-lg">Standard Boostrap Modal</a>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-1">Fade in &amp; Scale</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-2">Slide in (right)</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-3">Slide in (bottom)</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-4">Newspaper</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-5">Fall</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-6">Side Fall</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-7">Sticky Up</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-8">3D Flip (horizontal)</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-9">3D Flip (vertical)</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-10">3D Sign</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-11">Super Scaled</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-13">3D Slit</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-14">3D Rotate Bottom</button>
												<button class="md-trigger btn btn-primary mrg-b-lg" data-modal="modal-15">3D Rotate In Left</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<footer id="footer-bar" class="row">
							<p id="footer-copyright" class="col-xs-12">
								&copy; 2014 <a href="http://www.adbee.sk/" target="_blank">Adbee digital</a>. Powered by Centaurus Theme.
							</p>
						</footer>
					</div>
				</div>
			</div>
		</div>
		<div id="config-tool" class="closed">
			<a id="config-tool-cog">
				<i class="fa fa-cog"></i>
			</a>
			<div id="config-tool-options">
				<h4>Layout Options</h4>
				<ul>
					<li>
						<div class="checkbox-nice">
							<input type="checkbox" id="config-fixed-header" />
							<label for="config-fixed-header">
								Fixed Header
							</label>
						</div>
					</li>
					<li>
						<div class="checkbox-nice">
							<input type="checkbox" id="config-fixed-sidebar" />
							<label for="config-fixed-sidebar">
								Fixed Left Menu
							</label>
						</div>
					</li>
					<li>
						<div class="checkbox-nice">
							<input type="checkbox" id="config-fixed-footer" />
							<label for="config-fixed-footer">
								Fixed Footer
							</label>
						</div>
					</li>
					<li>
						<div class="checkbox-nice">
							<input type="checkbox" id="config-boxed-layout" />
							<label for="config-boxed-layout">
								Boxed Layout
							</label>
						</div>
					</li>
					<li>
						<div class="checkbox-nice">
							<input type="checkbox" id="config-rtl-layout" />
							<label for="config-rtl-layout">
								Right-to-Left
							</label>
						</div>
					</li>
				</ul>
				<br/>
				<h4>Skin Color</h4>
				<ul id="skin-colors" class="clearfix">
					<li>
						<a class="skin-changer" data-skin="" data-toggle="tooltip" title="Default" style="background-color: #34495e;">
						</a>
					</li>
					<li>
						<a class="skin-changer" data-skin="theme-white" data-toggle="tooltip" title="White/Green" style="background-color: #2ecc71;">
						</a>
					</li>
					<li>
						<a class="skin-changer blue-gradient" data-skin="theme-blue-gradient" data-toggle="tooltip" title="Gradient">
						</a>
					</li>
					<li>
						<a class="skin-changer" data-skin="theme-turquoise" data-toggle="tooltip" title="Green Sea" style="background-color: #1abc9c;">
						</a>
					</li>
					<li>
						<a class="skin-changer" data-skin="theme-amethyst" data-toggle="tooltip" title="Amethyst" style="background-color: #9b59b6;">
						</a>
					</li>
					<li>
						<a class="skin-changer" data-skin="theme-blue" data-toggle="tooltip" title="Blue" style="background-color: #2980b9;">
						</a>
					</li>
					<li>
						<a class="skin-changer" data-skin="theme-red" data-toggle="tooltip" title="Red" style="background-color: #e74c3c;">
						</a>
					</li>
					<li>
						<a class="skin-changer" data-skin="theme-whbl" data-toggle="tooltip" title="White/Blue" style="background-color: #3498db;">
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="md-overlay"></div>

		<script src="js/demo-skin-changer.js"></script>
		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/jquery.nanoscroller.min.js"></script>
		<script src="js/demo.js"></script>

		<script src="js/scripts.js"></script>
		<script src="js/pace.min.js"></script>

	</body>

</html>